<template>
    <div class="main-page">
        <el-form :model="formData" ref="formData"
                 size="mini" class="demo-form-inline">
            <el-row>
              
            </el-row>

        </el-form>
      
   


</template>

<script>
    import {mapActions, mapState, mapGetters} from 'vuex'
    import headTop from '../components/headTop'

    import addSubject from '@/page/components/addSubject'
    import {addSubjectApi, subjectList, deleteSubject, detailSubjectApi,updateSubjectApi} from '@/api/getData'
    import ElInput from "../../node_modules/element-ui/packages/input/src/input.vue";
    import ElOption from "../../node_modules/element-ui/packages/select/src/option.vue";

    export default {
        data() {
            return {
             
            }
        },
        components: {
            ElOption,
            ElInput,
            headTop,
            addSubject,

        },

        computed: {
            ...mapGetters(['userinfo'])
        },

        created() {
        },
        mounted() {
            this.initData();

        },
        methods: {
            ...mapActions(['']),
           
            async detail(id) {
                const res = await detailSubjectApi({data: {id: row.id}});
                if (res.success == true) {
                   
                } else {

                }

            },


        },
    }
</script>

<style lang="less">
    @import '../style/mixin';

    .el-table .sks {
        background: #c2e7b0;
    }

    .el-table .zss {
        background: #ffffff;
    }

    .el-table .zts {
        background: #fab6b6;
    }

    .el-table .common {
        background: #F5F5F5;
    }

    .el-table .success-row {
        background: #f0f9eb;
    }

    .table_container {
        padding: 20px;
    }

    input {
        width: 600px;
    }
</style>
